/*
 * 对公用CSS样式值（现在仅包含颜色值）统一管理，在每个文件下引用该scss
 */

// 蓝色设计使用到的一些颜色
// 页面主要色调
$themeColors: #027aff;
//阴影样式
$boxShadow: 0 0 5px #d8d8d8;
// 第一种页面背景颜色，除结果页基本都使用这种颜色
$bgColorMajor: #fbfbfb;
// 第二种页面背景颜色，结果页使用
$bgColorResult: #f2f5f6;
// 块级区域主要使用的背景颜色
$bgColorDiv: #ffffff;
//按钮常用背景及边框颜色
$btnColor: #207aff;
// 主要字体颜色
$fontColorMajor: #000000;
// 次级字体颜色
$fontColorSecond: #666666;
// 小字体字体颜色
$fontColorMini: #999999;
// 带背景颜色的字体颜色一般是白色
$fontColorWhite: #ffffff;
// 表单页用到的用于一些div的填充、字体以及背景颜色
$formColor: #0079ff;
// 详情页用到的与上面差不多的颜色
$detailColor: #007aff;

/*
 * 对使用的公共组件修改其现有样式
 */

// 顶部标题栏样式修改
.title-bar-wrapper {
    background-color: $themeColors;
    color: $fontColorWhite;
}


/*
 * 自有组件公共样式 
 */

.mask {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    z-index: 90;
}